/*
 * @Descripttion: 
 * @Author: cuidm
 * @Date: 2022-07-08 11:07:01
 * @LastEditors: cuidm
 * @LastEditTime: 2022-08-08 11:42:46
 */
import React, { useState, useEffect, useRef } from "react";
import { Tabs, Row, Col, Collapse, Checkbox, Tree, Space, Empty, Popover, Alert} from "antd";
import { ProDescriptions } from '@ant-design/pro-components';
import { ArrowLeftOutlined, UploadOutlined, DownloadOutlined, SelectOutlined, DeleteOutlined, EditOutlined } from '@ant-design/icons';
import { CmdbContent, CmdbHeader, TempImportModal } from "@/components";
import cmdbres from "@/data/cmdbres";
import request from "@/utils/request";

const { Panel } = Collapse;
const SyncServiceTemplate = ({ history, setId, templateId }) => {
    useEffect(() => {

    }, [])

    return (
        <CmdbContent>
            <div className="cmdb_host_pane business">
                <div className="breadcrumbs-layout">
                    <h3><ArrowLeftOutlined 
                        onClick={() => { history.push({
                            pathname: `/business/serviceTemplate/detail/${templateId}`,
                        });}}
                    /> 同步服务模板
                    </h3>
                </div>
                <div className="affix-header">
                    <Alert style={{marginBottom: 10}}
                        message={
                            <div>
                                同步模板：当服务模板属性发生了变化，可以通过同步使服务实例与模板保持一致。
                            </div>
                        }
                        type="info"
                        closable
                        showIcon
                    />
                </div>
                <div style={{backgroundColor: "#fff", padding: "10px"}}>  
                    <div style={{marginBottom: 10}}>
                        将会同步以下信息：
                    </div>
                    <Collapse defaultActiveKey={["0","1"]}>
                    <Panel 
                        key="0"
                        header="变更内容"
                    >
                        <span>服务分类：</span>
                        <span>HTTP 服务 / Apache</span>
                    </Panel>
                    <Panel 
                        key="1"
                        header="涉及实例"
                    >
                        <Row>
                            <Col span={24}>xxxx</Col>
                            <Col span={24}>xxxx</Col>
                        </Row>
                    </Panel>
                    </Collapse>
                    
                </div>
            </div>
        </CmdbContent>
    )
}

export default SyncServiceTemplate;